<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="author" content="金西振">
  <title></title>
  <style>
    body,ul,li,p{
      padding: 0;
      margin: 0;
    }
    *{
      box-sizing: border-box;
    }
    li{
      list-style-type: none;
    }
    h1{
      margin-top: 41px;
      font-size: 40px;
    font-weight: 700;
    font-family: Microsoft Yahei,微软雅黑,宋体;
    }
    h2{
      font-size: 18px;
      font-weight: 700;
    }
    .container{
      width: 900px;
      margin: auto;
    }
    body{
      padding-top: 60px;
    }
    nav{
      width: 100%;
      height: 70px;
      box-shadow: 0 0 3px #333;
      position: fixed;
      top: 0;
      left: 0;
      background-color: #f8f8f9;
      box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    }
    header{
      background-color: #f8f8f9;
      height: 240px;
    }
    .header{
      /* overflow: hidden; */
      /* border-top: 1px solid; */
      /* color: blue; */
      padding-top: 1px;
    }
    .main{
      /* height: 1200px; */
      display: flex;
    }
    .main .left{
      width: 650px;
      /* background-color: lightblue; */
      border-right: 1px solid #f2f2f2;
    }
    .main .right{
      width: 250px;
      /* background-color: lightcoral; */
    }
    footer{
      border-top: 1px solid #f2f2f2;
      height: 80px;
      text-align: center;
    }
    nav{
      overflow: hidden;
    }
    .logo{
      float: left;
 
    }
    .logo img{
     width: 102px;
     margin-top: 19px;
     margin-left: 19px;
    
    }
    .info{
      float: right;
    }
    .home,.user{
      float: left;
      font-size: 13px;
      margin-right: 60px;
      line-height: 70px;

    }
    .logo{
      width: 47px;
      height: 47px;
      border-radius: 50%;
      margin-right: 10px;
    }
    .tx{
      font-size: 12px;
      color: #999;
    }
  p{
    margin-top: 22px;
  }
  .picture{
    border-radius: 13px;
  }
  .right_bb{
    margin-left: 50px;
    margin-top: 38px;
  }
  .right li{
    margin-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
  }
  a{
    text-decoration:none;
    font-size: 14px;
    color: #000;
    font-weight: 400;
  }
  .lalala img{
    width: 202px;
    border-radius: 12px;
  }
  .user{
    position: relative;
  }
  .user img{
 position: absolute;
 top: 20px;
 right: 30px;
     height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #4e6ef2;
  } 
  body{
    position: relative;
  }
 .kk{
   position: fixed;
  width: 40px;
    height: 40px;
    background-color:#fafafa;
    right: 407px;
    bottom: 200px;
    text-align: center;
    border: 1px solid rgb(163, 158, 158);
    font-size: 14px;
 }
.pl{
  height: 900px;
  /* background-color: pink; */
}

.pl img{
  height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px solid #4e6ef2;
  position: relative;
  top: 20px;
}
.gl{
  display: none;
  margin-top: 20px;
   padding-left: 30px; 
   
   margin-left: 60px;
}
.bubb h3{
  font-size: 12px;
  margin-left: 12px;
}
.gl a{
  font-size: 10px;
  margin-left: 12px;
}
.gl-2 {
  position: relative;
  margin-top: 30px;
  margin-bottom: 40px;
}
.gl-2 img{
  height: 30px;
    width: 30px;
    position: absolute;
    top: 7px;
    left: -25px;
}
.btn{
  margin-left: 300px;
  margin-top: 20px;
 border: 1px solid transparent; 
  outline: none;    
  background-color: #fff;
  font-size: 17px;


}
.zuihou{
    height: 100px;
    margin-top: 20px;
    overflow: hidden;
}

.zuihou img{
    width: 48px;
    height: 48px;
}
.zuihou>div{
    float: left;
}
.zuihou a{
    margin-left: 20px;
}
.pd{
    width: 500px;
    margin-left: 20px;
}
.zuihou h3{
    margin-left: 12px;
}
.area_inp img{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    top: 20px;
}
/* .right_cont{
  height: 300px;
} */
.inpuu{
  width: 535px;
  height: 94px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  background-color: #ebebeb;
  outline: none;
}
.area-inp1{
  padding-left: 55px;
  padding-top: 10px;
 overflow: hidden;
}
.area-inp1 img{
  height: 18px;
  width: 18px;
}
.btn1{
  width: 80px;
  height: 30px;
 position: relative;
  border: 1px solid rgb(83, 152, 255);
  border-radius: 10px;
  left: 428px;
  color: #f8f8f9;
  background-color: #4e6ef2;
}
.right_cont{
  border-top: 1px solid #ebebeb;
  margin-top: 20px;
}
.sp5{
  font-size: 10px;
  float: right;
  margin-right: 50px;
}
  </style>
</head>
<body>
  <!-- 顶部导航 -->
  <nav>
    <div class="logo"><img src="imgs/baidu.png" alt=""></div>
    <div class="info">
      <div class="home">百度首页</div>
      <div class="user"><img src="imgs/q.jpg" alt=""> 用户</div>
    </div>
  </nav>
  <!-- 头部 -->
  <header>
    <div class="container header">
      <h1>小小核桃树 奔上“致富路”</h1>
      <div>
        <img src="imgs/0.jpg" alt="" class="logo">
        <ul>
          <li>人民网</li>
          <li class="tx">发布时间: 20-08-29
            19:36
            人民网官方帐号</li>
        </ul>
      </div>
      
    </div>
  </header>
  <!-- 内容 -->
  <main>
    <div class="container main">
      <div class="left">
        <div>
              <p>
        <span>中国日报网林芝8月28日电(记者：王雨曦 曹梓楠 徐锟)“我们这的核桃全身都是宝。”冲康村第一书记甄平说道。</span>
      </p>
      <p>
        <span>
          冲康村地处雅鲁藏布江北岸，主要种植青稞、小麦，主要经济林作物有核桃、苹果、梨、花椒等。
        </span>
      </p>
      <p>
        <img src="imgs/1.jpeg" alt="" class="picture">
      </p>
      <p>
        <span>
          冲康村千年核桃林(经济日报-中国经济网 张相成\摄)
        </span>
      </p>
      <p>
        <span>
          最让冲康村出名的是村里的那片千年核桃林。它既是村里的核桃种植园也是国家3A级景区。核桃林内绿树成荫，风景宜人，里面最壮观要属那颗树龄最老的核桃树了。据冲康村第一书记甄平介绍，这棵“核桃树王”已有2100年之久，需要12个人手挽手才能合抱住。
        </span>
      </p>
      <p>
        <img src="imgs/2.jpeg" alt="" class="picture">
      </p>
      <p>
        <span>
          千年核桃林内树龄最老的核桃树(经济日报-中国经济网 张相成\摄)
        </span>
      </p>
      <p>
        <span>
          冲康村的核桃有大又好，远近闻名。那棵“核桃树王”的核桃还没结果就早早被人订光了。
        </span>
      </p>
      <p>
        <img src="imgs/3.jpeg" alt="" class="picture">
      </p>
      <p>
        <span>
          冲康村的核桃(资料图片)
        </span>
      </p>
      <p>
        <span>
          2020年2月，“西藏朗县千年核桃特产店”正式上线，之后又开了多家淘宝店及微单，线上销售单价(每斤)在20-35元左右。截至目前，销售金额达4万多元，分别销往浙江、重庆、广东、上海、河南、江西、四川、辽宁等地。

        </span>
      </p>
      <p>
        <img src="imgs/4.jpeg" alt="" class="picture">
      </p>
      <p>
        <span>
          冲康村的核桃产品(经济日报-中国经济网 张相成\摄)
        </span>
      </p>
      <p>
        <span>
          “依托我们周围的旅游资源，我们开办了线下售卖核桃的集市，并优先售卖村里8户贫困户家里的核桃。”朗县朗镇人民政府一级科员杨子安说道。
        </span>
      </p>
      <p>
         <img src="imgs/5.jpeg" alt="" class="picture">
      </p>
      <p>
        <span>
          朗县朗镇人民政府一级科员杨子安(经济日报-中国经济网 张相成\摄)       
         </span>
      </p>
      <p>
        <span>
          核桃里面的木质隔膜也是宝贝，它叫作“分心木”，在中医中利用率是非常高的，对于多种疾病都有不错的治疗效果。
        </span>
      </p>
      <p>
        <span>
          冲康村的核桃皮更是宝贝，作为一种天然的染色剂可以卖到5-10元每斤，每年都有专门的人来村里收购。
        </span>
      </p>
      <p>
         <img src="imgs/6.jpeg" alt="" class="picture">
      </p>
        </div>
        <div class="right_cont">
          <div class="area">
              <h2>发表评论</h2>
              <div class="area_inp">
                          <img src="./imgs/q.jpg" alt="">
                          <input type="text" class="inpuu"  placeholder="发表神评论">
                  </div>
                  <div class="area-inp1"> <img src="imgzhu/xib-emoj-btn.png" alt="">
                     <button class="btn1">发表</button>
                  </div>
                 
                </div>
              </div>     
      <div class="pl">
            <h3>评论列表(100条)</h3>
            <div class="zuihou">
              <div> 
                <img src="imgzhu/focus2.jpg" alt="">
              </div>
             <div>
                <div>
                  <h3>“只还有一个上帝能够救渡我们”</h3>
                </div>
             <div><a href="#">一斤核桃卖20元以上？我们这去年收购价2元一斤。。。。现在核桃泛滥了。。。</a></div>
             </div>
             

          </div>
             <div class="gl">
               <div class="gl-2">
                  <div> 
                <img src="imgzhu/focus2.jpg" alt="">
              </div>
              <div>
                <div class="bubb">
                  <h3>“只还有一个上帝能够救渡我们”</h3>
                </div>
             <div><a href="#">一斤核桃卖20元以上？我们这去年收购价2元一斤。。。。现在核桃泛滥了。。。</a></div>
             <div><a href="#">2020-01-01</a><span class="sp5">回复135</span></div>
             </div>
               </div>
               <div class="gl-2">
                <div> 
              <img src="imgzhu/focus2.jpg" alt="">
            </div>
            <div>
              <div class="bubb">
                <h3>“只还有一个上帝能够救渡我们”</h3>
              </div>
           <div><a href="#">一斤核桃卖20元以上？我们这去年收购价2元一斤。。。。现在核桃泛滥了。。。</a></div>
           <div><a href="#">2020-01-01</a><span class="sp5">回复135</span></div>
           </div>
             </div>
             <div class="gl-2">
              <div> 
            <img src="imgzhu/focus2.jpg" alt="">
          </div>
          <div>
            <div class="bubb">
              <h3>“只还有一个上帝能够救渡我们”</h3>
            </div>
         <div><a href="#">一斤核桃卖20元以上？我们这去年收购价2元一斤。。。。现在核桃泛滥了。。。</a></div>  
         <div><a href="#">2020-01-01</a><span class="sp5">回复135</span></div>
         </div>
           </div><div class="gl-2">
            <div> 
          <img src="imgzhu/focus2.jpg" alt="">
        </div>
        <div>
          <div class="bubb">
            <h3>“只还有一个上帝能够救渡我们”</h3>
          </div>
       <div><a href="#">一斤核桃卖20元以上？我们这去年收购价2元一斤。。。。现在核桃泛滥了。。。</a></div>
       <div><a href="#">2020-01-01</a><span class="sp5">回复135</span></div>
       </div>
         </div><div class="gl-2">
          <div> 
        <img src="imgzhu/focus2.jpg" alt="">
      </div>
      <div>
        <div class="bubb">
          <h3>“只还有一个上帝能够救渡我们”</h3>
        </div>
     <div><a href="#">一斤核桃卖20元以上？我们这去年收购价2元一斤。。。。现在核桃泛滥了。。。</a></div>
     <div><a href="#">2020-01-01</a><span class="sp5">回复135</span></div>
     </div>
       </div><div class="gl-2">
        <div> 
      <img src="imgzhu/focus2.jpg" alt="">
    </div>
    <div>
      <div class="bubb">
        <h3>“只还有一个上帝能够救渡我们”</h3>
      </div>
   <div><a href="#">一斤核桃卖20元以上？我们这去年收购价2元一斤。。。。现在核桃泛滥了。。。</a></div>
   <div><a href="#">2020-01-01</a><span class="sp5">回复135</span></div>
   </div>
     </div><div class="gl-2">
      <div> 
    <img src="imgzhu/focus2.jpg" alt="">
  </div>
  <div>
    <div class="bubb">
      <h3>“只还有一个上帝能够救渡我们”</h3>
    </div>
 <div><a href="#">一斤核桃卖20元以上？我们这去年收购价2元一斤。。。。现在核桃泛滥了。。。</a></div>
 <div><a href="#">2020-01-01</a><span class="sp5">回复135</span></div>
 </div>
   </div>
             
             </div>
             <button class="btn">全部7条回复</button>
      </div>
      </div>
      <div class="right">
        <div class="right_bb">
          <h2>作者最新文章</h2>
          <ul>
            <li><a href="#">业界：制定专项监管举措 助力金融机构数字化转型</a></li>
            <li><a href="#">财政部：积极稳妥推进房地产税立法和改革</a></li>
            <li><a href="#">民政部：各社会组织要加强行为自律 严禁与非法社会组织勾连</a></li>
          </ul>
          <h2>相关文章</h2>
          <ul class="lalala">
            <li><a href="#">核桃树黑斑病的防治技术，太实用了！</a></li>
            <li><img src="imgs/a.jpg" alt=""></li>
            <li><a href="#">甘肃成县核桃丰产栽培技术</a></li>
            <li><img src="imgs/b.jpg" alt=""></li>
            <li><a href="#">“我们不想生活在恐惧中！”美国亚裔群体危机四伏</a></li>
            <li><img src="imgs/c.jpg" alt=""></li>
            <li><a href="#">阳光城：控股股东和重要关联股东签署战略合作协议</a></li>
            <li><img src="imgs/d.jpg" alt=""></li>
          </ul>
        </div>
           
      </div>
    </div>
    <div class="kk">
      <a href="javascript:scroll(0,0)">返回顶部</a>
    </div>
  </main>
  <!-- 底部 -->
  <footer>
    <p class="tx">设为首页
      © Baidu 
      使用百度前必读
      意见反馈
      京ICP证030173号 
      </p>
    <li class="tx">京公网安备11000002000001号</li>
  </footer>
<script>
  var btn = document.querySelector('.btn');
var ulD = document.querySelector('.gl');
// var lis = document.querySelector('.pl').getElementsByTagName('li')
var isa = true;
console.log(ulD.style);
 btn.onclick = function(){
  

  //  for(var i = 0;i <lis.length;i++){
    if(isa==true){
      ulD.style.display = 'block';
      btn.innerHTML='收起';
      isa = false;
      
    }else{
   
      ulD.style.display = 'none';
      btn.innerHTML='全部7条内容';
     isa = true;

    }

  // }

  
 }
</script>
</body>
</html>